<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>表单的input示例</title>
</head>

<body>
	<form action="" method="">
		账号：<input type="text" name="user" size=30/><br/>
		密码：<input type="password" name="passwd" size="30"/><br/>
		性别：<input type="radio" name="sex" value="male"/>男
		<input type="radio" name="sex" value="female" checked="checked"/>女<br/>
		技术：<input type="checkbox" name="tech" value="java"/>Java
		<input type="checkbox" name="tech" value="html"/>html
		<input type="checkbox" name="tech" value="css"/>CSS<br/>
		选择上传文件：<input type="file" name="file"/><br/>
		<hr />
	</form>	
	
<form action="" method="post">
		<label for="username">用户名：</label><input id="username" type="text" name="user"/><br/><label>密码：<input type="password" name="passwd"/></label><br/>
</form>
	<hr />
	
	<form action="" method="post">
		你希望从事的专业？（单选）
		<select>
			<option value="front">前端开发</option>
			<option value="back">后端开发</option>
			<option value="ai">人工智能</option></select><br/><br/>
		你熟悉的技术有哪些？（多选）
		<select size="3" multiple="multiple">
			<option value="html">HTML</option>
			<option value="jq" selected="selected">JQuery</option>
			<option value="mysql">MySQL</option>
			<option value="asp">ASP.NET</option></select><br/><br/>
		你希望到哪个城市工作？（多选）
		<select size="8" multiple="multiple">
		<optgroup label="华北地区">
			<option value="beijing">北京市</option>
			<option value="tianjin">天津市</option>
			<option value="hebei">河北省</option></optgroup>
		<optgroup label="华东地区">
			<option value="shanghai">上海市</option>
			<option value="jiangsu">江苏省</option>
			<option value="zhejiang">浙江省</option>
			<option value="anhui">安徽省</option></optgroup></select>
	</form>
	<hr />
	
<form action="" method="post">
			<button type="submit">提交</button>&nbsp;&nbsp;
			<button type="reset">重置</button>&nbsp;&nbsp;
			<button type="button">确定</button><br /><br />
			<button type="button"><img src="D:/WebHTML5/ClickEnter.jpg" width="100" height="30"></button>&nbsp;&nbsp;&nbsp;&nbsp;
  <button type="button">
				<img width="128" height="40" src="https://dgss0.bdstatic.com/5bVWsj_p_tVS5dKfpU_Y_D3/res/r/image/2017-09-26/352f1d243122cf52462a2e6cdcb5ed6d.png">
			</button>
</form>
<hr />
	
<form action="" method="post">
			<p>学习经历</p>
			<textarea rows="5" cols="60" placeholder="从初中开始，必填" required="required"></textarea><br />
			<p>备注</p>
			<textarea rows="4" cols="60"></textarea><br />
			<input type="submit" name="" id="" value="确定" />&nbsp;&nbsp;<input type="reset" name="" id="" value="重置输入" />
		</form>
	<hr />
	

</body>
</html>
